<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小U课堂</title>
  <link rel="shortcut icon" href=" ../favicon.ico" />
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/public.css">
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/syncCourse.css">
</head>
<body>
  <!-- 头部 -->
  <div class="head">
    <div class="main clearfix">
      <div class="head_left fl">
        <img src="../images/logo.png" alt="LOGO">
      </div>
      <div class="head_center fl">
        <ul class="clearfix">
          <li><a href="../index.html">首页</a></li>
          <li><a href="./syncCourse.html">同步课程</a></li>
          <li><a href="./play.html">在线练习</a></li>
          <li><a href="#">精品课程</a></li>
        </ul>
      </div>
      <div class="head_right fr">
        <div class="head_right_fl clearfix">
          <div class="head_right_course fl">
            <select name="" id="">
              <option value="">html</option>
              <option value="">css</option>
              <option value="">js</option>
            </select>
            <i class="icon icon-sanjiaoxing"></i>
            <!-- <div class="course_list">课程列表</div> -->
          </div>
          <div class="input fl">
            <input type="text" placeholder="搜索感兴趣的内容">
            <i class="icon icon-fangdajing"></i>
          </div>
        </div>
        <div class="head_right_fr clearfix">
          <div class="head_right_fr_login fl">登录 <span style="color: #333;">/</span></div>
          <div class="head_right_fr_register fl">&nbsp;注册</div>
        </div>
        <div class="user display">
          <img src="https://img1.baidu.com/it/u=2716398045,2043787292&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=800" alt="">
          <div class="user_menu">
            <p>我的课程</p>
            <p>我的收藏</p>
            <p>退出登录</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 头部 end -->

  <!-- 筛选菜单 -->
  <div class="menu">
    <div class="main">
      <ul class="menu_ul">
        <li class="clearfix">
          <div class="menu_fl fl">按省份选择</div>
          <div class="menu_fr fl">
            <ul class="menu_ul_item clearfix">
              <li>
                <select name="省份" id="">
                  <option value="">广东省</option>
                  <option value="">河北省</option>
                  <option value="">山东省</option>
                </select>
                <i class="icon icon-sanjiaoxing"></i>
              </li>
              <li>
                <select name="城市" id="">
                  <option value="">广州市</option>
                  <option value="">北京市</option>
                  <option value="">上海市</option>
                </select>
                <i class="icon icon-sanjiaoxing"></i>
              </li>
            </ul>
          </div>
        </li>
        <li class="clearfix">
          <div class="menu_fl fl">热门城市</div>
          <div class="menu_fr fl">
            <ul class="menu_ul_item clearfix">
              <li><a href="javascript:void(0)">北京</a></li>
              <li><a href="javascript:void(0)">上海</a></li>
              <li><a href="javascript:void(0)">江苏</a></li>
              <li><a href="javascript:void(0)">济南</a></li>
              <li><a href="javascript:void(0)">河南</a></li>
              <li><a href="javascript:void(0)">天津</a></li>
              <li><a href="javascript:void(0)">沈阳</a></li>
              <li><a href="javascript:void(0)">石家庄</a></li>
            </ul>
          </div>
        </li>
        <li class="clearfix">
          <div class="menu_fl fl">按年级选择</div>
          <div class="menu_fr fl">
            <ul class="menu_ul_item clearfix">
              <li><a href="javascript:void(0)">大班</a></li>
              <li><a href="javascript:void(0)">中班</a></li>
              <li><a href="javascript:void(0)">一年级</a></li>
              <li><a href="javascript:void(0)">二年级</a></li>
              <li><a href="javascript:void(0)">三年级</a></li>
              <li><a href="javascript:void(0)">四年级</a></li>
              <li><a href="javascript:void(0)">五年级</a></li>
              <li><a href="javascript:void(0)">六年级</a></li>
              <li><a href="javascript:void(0)">初一</a></li>
              <li><a href="javascript:void(0)">初二</a></li>
              <li><a href="javascript:void(0)">初三</a></li>
              <li><a href="javascript:void(0)">高一</a></li>
              <li><a href="javascript:void(0)">高二</a></li>
              <li><a href="javascript:void(0)">高三</a></li>
            </ul>
          </div>
        </li>
        <li class="clearfix">
          <div class="menu_fl fl">按学科选择</div>
          <div class="menu_fr fl">
            <ul class="menu_ul_item clearfix">
              <li obj="all"><a href="javascript:void(0)">全部</a></li>
              <li obj="yuwen"><a href="javascript:void(0)">语文</a></li>
              <li obj="shuxue"><a href="javascript:void(0)">数学</a></li>
              <li obj="english"><a href="javascript:void(0)">英语</a></li>
              <li obj="shengwu"><a href="javascript:void(0)">生物</a></li>
              <li obj=""><a href="javascript:void(0)">历史</a></li>
              <li obj=""><a href="javascript:void(0)">政治</a></li>
              <li obj="wuli"><a href="javascript:void(0)">物理</a></li>
            </ul>
          </div>
        </li>
        <li class="clearfix">
          <div class="menu_fl fl">按版本选择</div>
          <div class="menu_fr fl">
            <ul class="menu_ul_item clearfix">
              <li><a href="javascript:void(0)">人教版</a></li>
              <li><a href="javascript:void(0)">沪教版</a></li>
              <li><a href="javascript:void(0)">苏教版</a></li>
              <li><a href="javascript:void(0)">浙教版</a></li>
              <li><a href="javascript:void(0)">浙教版</a></li>
              <li><a href="javascript:void(0)">外研版</a></li>
            </ul>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 筛选菜单end -->

  <!-- 课程 -->
  <div class="test">
    <div class="main">
      <div class="course_top display clearfix">
        <div class="course_top_fl fl">
          在线测试
          <i></i>
        </div>
        <div class="course_top_fr fr">
          <a href="#">更多练习
            <i class="icon icon-jiantou1"></i>
          </a>
        </div>
      </div>
      <div class="test_list">
        <ul class="clearfix">
          <!-- <li>
            <div class="test_img">
              <img src="../images/test.png" alt="">
              <div class="subscript display">人教版</div>
              <div class="study">100人已经考试<span class="grade fr display">初一</span></div>
            </div>
            <div class="test_bottom clearfix">
              <div class="test_bottom_fl fl">
                <p>2020年6月北京中考试2028题</p>
                <span>23课时</span>
              </div>
              <div class="test_bottom_fr fr">免费学习</div>
            </div>
          </li>-->
        </ul>
      </div>
    </div>
  </div>
  <!-- 课程end -->

  <!-- 海报 -->
  <!-- <div class="poster">
    <div class="main">
      <img src="../images/poster1.png" alt="">
    </div>
  </div> -->
  <!-- 海报end -->

  <!-- 课程 -->
  <!-- <div class="test">
    <div class="main">
      <div class="course_top display clearfix">
        <div class="course_top_fl fl">
          在线测试
          <i></i>
        </div>
        <div class="course_top_fr fr">
          <a href="#">更多练习
            <i class="icon icon-jiantou1"></i>
          </a>
        </div>
      </div>
      <div class="test_list">
        <ul class="clearfix">
          <li>
            <div class="test_img">
              <img src="../images/test.png" alt="">
              <div class="subscript display">人教版</div>
              <div class="study">100人已经考试<span class="grade fr display">初一</span></div>
            </div>
            <div class="test_bottom clearfix">
              <div class="test_bottom_fl fl">
                <p>2020年6月北京中考试2028题</p>
                <span>23课时</span>
              </div>
              <div class="test_bottom_fr fr">免费学习</div>
            </div>
          </li>
          <li>
            <div class="test_img">
              <img src="../images/test.png" alt="">
              <div class="subscript display">人教版</div>
              <div class="study">100人已经考试<span class="grade fr display">初一</span></div>
            </div>
            <div class="test_bottom clearfix">
              <div class="test_bottom_fl fl">
                <p>2020年6月北京中考试2028题</p>
                <span>23课时</span>
              </div>
              <div class="test_bottom_fr fr">免费学习</div>
            </div>
          </li>
          <li>
            <div class="test_img">
              <img src="../images/test.png" alt="">
              <div class="subscript display">人教版</div>
              <div class="study">100人已经考试<span class="grade fr display">初一</span></div>
            </div>
            <div class="test_bottom clearfix">
              <div class="test_bottom_fl fl">
                <p>2020年6月北京中考试2028题</p>
                <span>23课时</span>
              </div>
              <div class="test_bottom_fr fr">免费学习</div>
            </div>
          </li>
          <li>
            <div class="test_img">
              <img src="../images/test.png" alt="">
              <div class="subscript display">人教版</div>
              <div class="study">100人已经考试<span class="grade fr display">初一</span></div>
            </div>
            <div class="test_bottom clearfix">
              <div class="test_bottom_fl fl">
                <p>2020年6月北京中考试2028题</p>
                <span>23课时</span>
              </div>
              <div class="test_bottom_fr fr">59.9元</div>
            </div>
          </li>
          <li>
            <div class="test_img">
              <img src="../images/test.png" alt="">
              <div class="subscript display">人教版</div>
              <div class="study">100人已经考试<span class="grade fr display">初一</span></div>
            </div>
            <div class="test_bottom clearfix">
              <div class="test_bottom_fl fl">
                <p>2020年6月北京中考试2028题</p>
                <span>23课时</span>
              </div>
              <div class="test_bottom_fr fr">99.9元</div>
            </div>
          </li>
          <li>
            <div class="test_img">
              <img src="../images/test.png" alt="">
              <div class="subscript display">人教版</div>
              <div class="study">100人已经考试<span class="grade fr display">初一</span></div>
            </div>
            <div class="test_bottom clearfix">
              <div class="test_bottom_fl fl">
                <p>2020年6月北京中考试2028题</p>
                <span>23课时</span>
              </div>
              <div class="test_bottom_fr fr">免费学习</div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div> -->
  <!-- 课程end -->
  
  <!-- 分页 -->
    <div class="paging">
      <button class="last">上一页</button>
      <ul>
        <!-- <li class="active">1</li>
        <li>2</li>
        <li>3</li> -->
      </ul>
      <button class="next">下一页</button>
    </div>
  <!-- 分页end -->

    <!-- 尾部 -->
    <div class="foot">
      <div class="main">
        <div class="friendship">
          <ul class="clearfix">
            <li><a href="#">首页</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">加入我们</a></li>
            <li><a href="#">合作专区</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">AI开放平台</a></li>
            <li><a href="#">意见反馈</a></li>
            <li><a href="#">漏洞提交</a></li>
            <li><a href="#">隐私政策</a></li>
            <li><a href="#">版权声明</a></li>
            <li><a href="#">反盗链声明</a></li>
            <li><a href="#">网上有害信息举报</a></li>
            <li><a href="#">备案公示</a></li>
            <li><a href="#">营业执照</a></li>
            <li><a href="#">教师资格证公示</a></li>
          </ul>
        </div>
        <p>京ICP备 13030888号 Copyright © 2014-2019 行者信息科技（北京）有限公司 | 地址：北京市新华区马当路388号C座 | 电话：010-66666666 | 京公网安备
          01010102002533号</p>
        <p>京网文〔2018〕4086-308号 | 网络文化经营许可证：沪网文󞪒]4086-308号 | 增值电信业务经营许可证：京B2-20150021 | 食品经营许可证：JY13101140088888</p>
        <p>医疗器械经营许可证：京嘉食药监械经营许20188008号 | 互联网药品信息服务资格证书：(京)-经营性-2018-0011 |</p>
      </div>
    </div>
    <!-- 尾部end -->

    <!-- 右侧固定菜单 -->
    <div class="fixed">
      <ul>
        <li><a href="javascript:void(0)"><i></i>我的考试</a></li>
        <li><a href="javascript:void(0)"><i></i>我的课程</a></li>
        <li><a href="javascript:window.scrollTo({left: 0, top: 0,behavior: 'smooth' })"><i
              class="icon icon-shouqijiantouxiao"></i>返回顶部</a></li>
      </ul>
    </div>
    <!-- 右侧固定菜单end -->

      <!-- 登录/注册 -->
      <div class="logon_register display">
        <div class="main">
          <!-- 登录 -->
          <div class="logon display">
            <!-- 右上角关闭按钮 -->
            <i class="close icon icon-guanbi"></i>
            <div class="img">
              <img src="../images/logo.png" alt="">
            </div>
            <!-- <div class="other clearfix">
                <i class="fl"></i>
                <i class="fr"></i>
                <span class="fl">使用第三方软件登陆</span>
                <div class="other_list clearfix">
                  <a href=""><i class="icon icon-weixin"></i></a>
                  <a href=""><i class="icon icon-QQ-circle-fill"></i></a>
                  <a href=""><i class="icon icon-weibo"></i></a>
                </div>
              </div> -->
            <div class="phone clearfix">
              <i class="fl"></i>
              <i class="fr"></i>
              <span class="fl">使用手机号登陆</span>
              <div class="form">
                <input type="text" placeholder="请输入您的手机号">
                <em></em>
                <input type="password" placeholder="请输入密码">
                <em></em>
                <input type="button" value="登录" class="btn">
                <div class="forget clearfix">
                  <div class="forget_fl fl">
                    <a href="javascript:void(0)">忘记密码？</a>
                  </div>
                  <div class="forget_fr fr">
                    <span>还没有账号?</span>
                    <a href="javascript:void(0)">点击注册</a>
                  </div>
                </div>
              </div>
            </div>
            <div class="other clearfix">
              <i class="fl"></i>
              <i class="fr"></i>
              <span class="fl">使用第三方软件登陆</span>
              <div class="other_list clearfix">
                <a href=""><i class="icon icon-weixin"></i></a>
                <a href=""><i class="icon icon-QQ-circle-fill"></i></a>
                <a href=""><i class="icon icon-weibo"></i></a>
              </div>
            </div>
          </div>
          <!-- 注册 -->
          <div class="register">
            <!-- 右上角关闭按钮 -->
            <i class="close icon icon-guanbi"></i>
            <div class="img">
              <img src="../images/logo.png" alt="">
            </div>
            <div class="phone clearfix">
              <i class="fl"></i>
              <i class="fr"></i>
              <span class="fl">使用手机号登陆</span>
              <div class="form">
                <input type="text" placeholder="请输入您的手机号">
                <em></em>
                <input type="password" placeholder="请输入密码">
                <em></em>
                <input type="password" placeholder="请再次输入密码">
                <em></em>
                <div class="verification clearfix">
                  <input type="text" placeholder="请输入验证码">
                  <span>3345</span>
                </div>
                <em></em>
                <input type="button" value="注册" class="btn">
                <div class="forget clearfix">
                  <div class="forget_fl fl">
                    <input type="checkbox">
                    <a href="javascript:void(0)">我同意《用户使用协议》</a>
                  </div>
                  <div class="forget_fr fr">
                    <span>已有账号</span>
                    <a href="javascript:void(0)">去登陆</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 登陆/注册end -->
  <script src="../js/data/onlinedata.js"></script>
  <script src="../js/public.js"></script>
  <script src="../js/syncCourse.js"></script>

</body>
</html>